
<!-- itjson header 部 -->
<#macro header action>

<!-- BEGIN HEADER -->
<div class="page-header">


	<!-- BEGIN HEADER TOP -->
	<div class="page-header-top">
		<div class="container-fluid">

			<!-- 手机端的导航栏BEGIN RESPONSIVE MENU TOGGLER -->
			<a href="javascript:;" class="menu-toggler"></a>
			<!-- 手机端的导航栏END RESPONSIVE MENU TOGGLER -->

		</div>
	</div>

	<!-- BEGIN HEADER MENU -->
	<div class="page-header-menu">
		<div class="container-fluid">
		
			<!-- BEGIN HEADER SEARCH BOX -->
			<form class="search-form" action="#" method="GET">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="搜索" name="query">
					<span class="input-group-btn">
					<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
					</span>
				</div>
			</form>
			<!-- END HEADER SEARCH BOX -->
			
			
			
			
			<!-- BEGIN MEGA 菜单 -->
			<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
			<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
			<div class="hor-menu ">
				<ul class="nav navbar-nav">
					<!-- 首页 begin-->
					<li>
						<a href="/">首页</a>
					</li>
					<!-- 首页 end-->
					
					
					
					<!-- IT工具 begin-->
					<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
						 IT工具<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li>
								<div class="mega-menu-content">
									<div class="row">
										
										
										
										<!--begin JSON相关 -->
										<div class="col-md-13">
											<ul class="mega-menu-submenu">
												<li>
													<h3>JSON相关</h3>
												</li>
												<li <#if action == "json"> class="active" </#if> >
													<a href="/itjson/json.html">
													<i class="fa fa-angle-right"></i>
													JSON格式化 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON格式化 （new） </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON 教程 </a>
												</li>
												<li <#if action == "yasuo"> class="active" </#if> >
													<a href="/itjson/yasuo.html">
													<i class="fa fa-angle-right"></i>
													JSON压缩/转义 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON在线示图 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON着色工具 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON | XML互转 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON 比对工具 <span class="badge badge-roundless badge-warning">new</span></a>
												</li>
												
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON（Beta） </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON生成实体 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JSON Check for English <span class="badge badge-roundless badge-warning">new</span></a>
												</li>

											</ul>
										</div>
										<!--end JSON相关 -->

										
										<!--begin 加密 / 加密 -->
										<div class="col-md-13">
											<ul class="mega-menu-submenu">
												<li>
													<h3>加密 / 加密</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													加密 / 加密 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													散列 / 哈希 <span class="badge badge-roundless badge-danger">new</span></a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													Base64加密 / 解密 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													图片转BASE64 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													进制转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													URL转码 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													ASCII转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													UTF-8编码转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													htpasswd生成器 </a>
												</li>
												
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													MD5加密 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													迅雷|快车|旋风URL加/解密 </a>
												</li>
											</ul>
										</div>
										<!--end 加密 / 加密 -->
										
										
										<!--begin 压缩 / 格式化 -->
										<div class="col-md-13">
											<ul class="mega-menu-submenu">
												<li>
													<h3>压缩 / 格式化</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JS/HTML格式化、压缩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													CSS格式化、压缩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													XML格式化、压缩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													SQL格式化、压缩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JS代码混淆、加密 <span class="badge badge-roundless badge-success">new</span></a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													JS混淆加密、压缩 </a>
												</li>
												
											</ul>
										</div>
										<!--end 压缩 / 格式化 -->

										<!--begin 前端常用 -->
										<div class="col-md-13">
											<ul class="mega-menu-submenu">
												<li>
													<h3>前端常用</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													在线调色板 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													网页常用色彩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													中日传统色彩 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													传图识色 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													WEB安全色 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													网页颜色选择器 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													RGB颜色值查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													图片大小修改 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													图片批量压缩 </a>
												</li>

											</ul>
										</div>
										<!--end 前端常用 -->

										
										<!--begin 转换工具 -->
										<div class="col-md-13">
											<ul class="mega-menu-submenu">
												<li>
													<h3>转换工具</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													汉字转拼音 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													简繁体|火星文转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													拼音字典 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													大小写转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													全角半角转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													Unix时间戳转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTML在线转义 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													IK在线分词 </a>
												</li>
				
											</ul>
										</div>
										<!--end 转换工具 -->

									</div>
								</div>
							</li>
						</ul>
					</li>
					<!-- IT工具 end-->
	
	
					<!-- 生活工具 begin-->
					<li class="menu-dropdown mega-menu-dropdown">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
						 生活工具<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li>
								<div class="mega-menu-content">
									<div class="row">
										
										
										
										<!--begin 生活工具 -->
										<div class="col-md-12">
											<ul class="mega-menu-submenu">

												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													计算器 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													人民币大小写转换 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													PM2.5实时查询 </a>
												</li>
												

											</ul>
										</div>
										<!--end 生活工具 -->

									</div>
								</div>
							</li>
						</ul>
					</li>
					<!-- 生活工具 end-->


	
					<!-- 站长/其他 begin-->
					<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
						 站长/其他<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li>
								<div class="mega-menu-content">
									<div class="row">

									
										<!--begin 常用对照表 -->
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>常用对照表</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTTP Mime-type </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTML转义字符 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													RGB颜色参考 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													ASCII对照表 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTTP状态码详解 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													java语言运算符对照 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													C语言运算符对照 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													PHP运算符对照 <span class="badge badge-roundless badge-warning">new</span></a>
												</li>
												
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													Python运算符对照 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													TCP/UDP端口参考 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													网页字体参考 <span class="badge badge-roundless badge-warning">new</span></a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													数据对比 <span class="badge badge-roundless badge-warning">new</span></a>
												</li>
											</ul>
										</div>
										<!--end 常用对照表 -->									
									
									
										<!--begin 站长工具 -->
										<div class="col-md-3">
											<ul class="mega-menu-submenu">

												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													备案查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													高级备案查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													IP地址查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													WHOIS查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													SEO优化建议 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													网站Ping检测 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													robots文件生成 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													nslookup查询 </a>
												</li>											

											</ul>
										</div>
										<!--end 站长工具 -->
									
									
										<!--begin HTTP相关 -->
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>HTTP相关</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTTP模拟请求 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													HTTP状态查询 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													我的IP地址 </a>
												</li>
												
											</ul>
										</div>
										<!--end HTTP相关 -->
		
										
										<!--begin 其他 -->
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>其他</h3>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													二维码生成器 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													二维码解码 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													正则测试 </a>
												</li>
												<li>
													<a href="#">
													<i class="fa fa-angle-right"></i>
													正则生成代码 </a>
												</li>
											</ul>
										</div>
										<!--end 其他 -->
										

									</div>
								</div>
							</li>
						</ul>
					</li>
					<!-- 站长/其他 end-->
	
					
	
					<!-- 感情/生活 begin-->
					<li class="menu-dropdown mega-menu-dropdown ">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
						感情/生活<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu" style="min-width: 710px">
							<li>
								<div class="mega-menu-content">
									<div class="row">
										<div class="col-md-4">
											<ul class="mega-menu-submenu">
												<li>
													<h3>eCommerce</h3>
												</li>
												<li>
													<a href="#" class="iconify">
													<i class="icon-home"></i>
													eCommerce </a>
												</li>
												<li>
													<a href="#" class="iconify">
													<i class="icon-basket"></i>
													Manage Orders </a>
												</li>
												<li>
													<a href="#" class="iconify">
													<i class="icon-tag"></i>
													Order View </a>
												</li>
												<li>
													<a href="#" class="iconify">
													<i class="icon-handbag"></i>
													Manage Products </a>
												</li>
												<li>
													<a href="#" class="iconify">
													<i class="icon-pencil"></i>
													Product Edit </a>
												</li>
											</ul>
										</div>
										<div class="col-md-4">
											<ul class="mega-menu-submenu">
												<li>
													<h3>Layouts</h3>
												</li>
												<li>
													<a href="layout_fluid.html" class="iconify">
													<i class="icon-cursor-move"></i>
													Fluid Layout </a>
												</li>
												<li>
													<a href="layout_mega_menu_fixed.html" class="iconify">
													<i class="icon-pin"></i>
													Fixed Mega Menu </a>
												</li>
												<li>
													<a href="layout_top_bar_fixed.html" class="iconify">
													<i class="icon-bar-chart"></i>
													Fixed Top Bar </a>
												</li>
												<li>
													<a href="layout_light_header.html" class="iconify">
													<i class="icon-paper-plane"></i>
													Light Header Dropdowns </a>
												</li>
												<li>
													<a href="layout_blank_page.html" class="iconify">
													<i class="icon-doc"></i>
													Blank Page Layout </a>
												</li>
											</ul>
										</div>
										<div class="col-md-4">
											<ul class="mega-menu-submenu">
												<li>
													<h3>More Layouts</h3>
												</li>
												<li>
													<a href="layout_click_dropdowns.html" class="iconify">
													<i class="icon-speech"></i>
													Click vs. Hover Dropdowns </a>
												</li>
												<li>
													<a href="layout_fontawesome_icons.html" class="iconify">
													<i class="icon-link"></i>
													Layout with Fontawesome </a>
												</li>
												<li>
													<a href="layout_glyphicons.html" class="iconify">
													<i class="icon-settings"></i>
													Layout with Glyphicon </a>
												</li>
												<li>
													<a href="layout_language_bar.html" class="iconify">
													<i class="icon-globe"></i>
													Language Switch Bar </a>
												</li>
												<li>
													<a href="layout_disabled_menu.html" class="iconify">
													<i class=" icon-lock"></i>
													Disabled Menu Links </a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
					<!-- 感情/生活 end-->



					<!-- 博客频道 begin-->
					<li class="menu-dropdown classic-menu-dropdown ">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;"><i class="fa fa-angle-down"></i>
						博客频道</a>
						<ul class="dropdown-menu pull-left">
							
							
							<li class=" dropdown-submenu">
								<a href=":;">
								<i class="icon-briefcase"></i>
								Data Tables </a>
								<ul class="dropdown-menu">
									<li class=" ">
										<a href="table_basic.html">
										Basic Datatables </a>
									</li>
									<li class=" ">
										<a href="table_tree.html">
										Tree Datatables </a>
									</li>
									<li class=" ">
										<a href="table_responsive.html">
										Responsive Datatables </a>
									</li>
									<li class=" ">
										<a href="table_managed.html">
										Managed Datatables </a>
									</li>
									<li class=" ">
										<a href="table_editable.html">
										Editable Datatables </a>
									</li>
									<li class=" ">
										<a href="table_advanced.html">
										Advanced Datatables </a>
									</li>
									<li class=" ">
										<a href="table_ajax.html">
										Ajax Datatables </a>
									</li>
									<li class=" dropdown-submenu">
										<a href=":;">
										<i class="icon-briefcase"></i>
										Data Tables </a>
										<ul class="dropdown-menu">
											<li class=" ">
												<a href="table_basic.html">
												Basic Datatables </a>
											</li>
											<li class=" ">
												<a href="table_tree.html">
												Tree Datatables </a>
											</li>
											<li class=" dropdown-submenu">
												<a href=":;">
												<i class="icon-briefcase"></i>
												Data Tables </a>
												<ul class="dropdown-menu">
													<li class=" ">
														<a href="table_basic.html">
														Basic Datatables </a>
													</li>
													<li class=" ">
														<a href="table_tree.html">
														Tree Datatables </a>
													</li>
												</ul>
											</li>
									
										</ul>
									</li>
								</ul>
							</li>
							
							
							<li class=" dropdown-submenu">
								<a href=":;">
								<i class="icon-wallet"></i>
								Portlets </a>
								<ul class="dropdown-menu">
									<li class=" ">
										<a href="portlet_general.html">
										General Portlets </a>
									</li>
									<li class=" ">
										<a href="portlet_general2.html">
										New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
										</a>
									</li>
									<li class=" ">
										<a href="portlet_general3.html">
										New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
										</a>
									</li>
									<li class=" ">
										<a href="portlet_ajax.html">
										Ajax Portlets </a>
									</li>
									<li class=" ">
										<a href="portlet_draggable.html">
										Draggable Portlets </a>
									</li>
								</ul>
							</li>
							<li class=" dropdown-submenu">
								<a href=":;">
								<i class="icon-bar-chart"></i>
								Charts </a>
								<ul class="dropdown-menu">
									<li class=" ">
										<a href="charts_amcharts.html">
										amChart </a>
									</li>
									<li class=" ">
										<a href="charts_flotcharts.html">
										Flotchart </a>
									</li>
								</ul>
							</li>
							<li class=" dropdown-submenu">
								<a href=":;">
								<i class="icon-pointer"></i>
								Maps </a>
								<ul class="dropdown-menu">
									<li class=" ">
										<a href="maps_google.html">
										Google Maps </a>
									</li>
									<li class=" ">
										<a href="maps_vector.html">
										Vector Maps </a>
									</li>
								</ul>
							</li>
							<li class=" dropdown-submenu">
								<a href=":;">
								<i class="icon-puzzle"></i>
								Multi Level </a>
								<ul class="dropdown-menu">
									<li class=" ">
										<a href="javascript:;">
										<i class="icon-settings"></i>
										Item 1 </a>
									</li>
									<li class=" ">
										<a href="javascript:;">
										<i class="icon-user"></i>
										Item 2 </a>
									</li>
									<li class=" ">
										<a href="javascript:;">
										<i class="icon-globe"></i>
										Item 3 </a>
									</li>
									<li class=" dropdown-submenu">
										<a href="#">
										<i class="icon-folder"></i>
										Sub Items </a>
										<ul class="dropdown-menu">
											<li class=" ">
												<a href="javascript:;">
												Item 1 </a>
											</li>
											<li class=" ">
												<a href="javascript:;">
												Item 2 </a>
											</li>
											<li class=" ">
												<a href="javascript:;">
												Item 3 </a>
											</li>
											<li class=" ">
												<a href="javascript:;">
												Item 4 </a>
											</li>
										</ul>
									</li>
									<li class=" ">
										<a href="javascript:;">
										<i class="icon-share"></i>
										Item 4 </a>
									</li>
									<li class=" ">
										<a href="javascript:;">
										<i class="icon-bar-chart"></i>
										Item 5 </a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<!-- 博客频道 end-->
					
					
					
					<!-- 问题帮助 begin-->
					<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
						问题帮助 <i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li>
								<div class="mega-menu-content">
									<div class="row">
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>User Pages</h3>
												</li>
												<li>
													<a href="page_timeline.html">
													<i class="fa fa-angle-right"></i>
													New Timeline <span class="badge badge-warning">2</span></a>
												</li>
												<li>
													<a href="extra_profile.html">
													<i class="fa fa-angle-right"></i>
													New User Profile <span class="badge badge-success badge-roundless">new</span></a>
												</li>
												<li>
													<a href="page_todo.html">
													<i class="fa fa-angle-right"></i>
													Todo & Tasks <span class="badge badge-danger">4</span></a>
												</li>
												<li>
													<a href="inbox.html">
													<i class="fa fa-angle-right"></i>
													User Inbox <span class="badge badge-success">4</span></a>
												</li>
												<li>
													<a href="page_calendar.html">
													<i class="fa fa-angle-right"></i>
													User Calendar <span class="badge badge-warning">14</span></a>
												</li>
												<li>
													<a href="page_timeline_old.html">
													<i class="fa fa-angle-right"></i>
													Old Timeline <span class="badge badge-warning">2</span></a>
												</li>
												<li>
													<a href="extra_profile_old.html">
													<i class="fa fa-angle-right"></i>
													Old User Profile </a>
												</li>
											</ul>
										</div>
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>General Pages</h3>
												</li>
												<li>
													<a href="extra_faq.html">
													<i class="fa fa-angle-right"></i>
													FAQ Page </a>
												</li>
												<li>
													<a href="page_portfolio.html">
													<i class="fa fa-angle-right"></i>
													Portfolio </a>
												</li>
												<li>
													<a href="page_timeline.html">
													<i class="fa fa-angle-right"></i>
													Timeline <span class="badge badge-info">4</span></a>
												</li>
												<li>
													<a href="page_coming_soon.html">
													<i class="fa fa-angle-right"></i>
													Coming Soon </a>
												</li>
												<li>
													<a href="extra_invoice.html">
													<i class="fa fa-angle-right"></i>
													Invoice </a>
												</li>
												<li>
													<a href="page_blog.html">
													<i class="fa fa-angle-right"></i>
													Blog </a>
												</li>
												<li>
													<a href="page_blog_item.html">
													<i class="fa fa-angle-right"></i>
													Blog Post </a>
												</li>
											</ul>
										</div>
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>Custom Pages</h3>
												</li>
												<li>
													<a href="page_news.html">
													<i class="fa fa-angle-right"></i>
													News <span class="badge badge-success">9</span></a>
												</li>
												<li>
													<a href="page_news_item.html">
													<i class="fa fa-angle-right"></i>
													News View </a>
												</li>
												<li>
													<a href="page_about.html">
													<i class="fa fa-angle-right"></i>
													About Us </a>
												</li>
												<li>
													<a href="page_contact.html">
													<i class="fa fa-angle-right"></i>
													Contact Us </a>
												</li>
												<li>
													<a href="extra_search.html">
													<i class="fa fa-angle-right"></i>
													Search Results </a>
												</li>
												<li>
													<a href="extra_pricing_table.html">
													<i class="fa fa-angle-right"></i>
													Pricing Tables </a>
												</li>
												<li>
													<a href="login.html">
													<i class="fa fa-angle-right"></i>
													Login Form 1 </a>
												</li>
												<li>
													<a href="login_2.html">
													<i class="fa fa-angle-right"></i>
													Login Form 2 </a>
												</li>
												<li>
													<a href="login_3.html">
													<i class="fa fa-angle-right"></i>
													Login Form 3 </a>
												</li>
												<li>
													<a href="login_soft.html">
													<i class="fa fa-angle-right"></i>
													Login Form 4 </a>
												</li>
											</ul>
										</div>
										<div class="col-md-3">
											<ul class="mega-menu-submenu">
												<li>
													<h3>Miscellaneous</h3>
												</li>
												<li>
													<a href="extra_lock.html">
													<i class="fa fa-angle-right"></i>
													Lock Screen 1 </a>
												</li>
												<li>
													<a href="extra_lock2.html">
													<i class="fa fa-angle-right"></i>
													Lock Screen 2 </a>
												</li>
												<li>
													<a href="extra_404_option1.html">
													<i class="fa fa-angle-right"></i>
													404 Page Option 1 </a>
												</li>
												<li>
													<a href="extra_404_option2.html">
													<i class="fa fa-angle-right"></i>
													404 Page Option 2 </a>
												</li>
												<li>
													<a href="extra_404_option3.html">
													<i class="fa fa-angle-right"></i>
													404 Page Option 3 </a>
												</li>
												<li>
													<a href="extra_500_option1.html">
													<i class="fa fa-angle-right"></i>
													500 Page Option 1 </a>
												</li>
												<li>
													<a href="extra_500_option2.html">
													<i class="fa fa-angle-right"></i>
													500 Page Option 2 </a>
												</li>
												<li>
													<a href="email_template1/index.html">
													<i class="fa fa-angle-right"></i>
													New Email Template 1 </a>
												</li>
												<li>
													<a href="email_template2/index.html">
													<i class="fa fa-angle-right"></i>
													New Email Template 2 </a>
												</li>
												<li>
													<a href="email_template3/index.html">
													<i class="fa fa-angle-right"></i>
													New Email Template 3 </a>
												</li>
												<li>
													<a href="email_template4/index.html">
													<i class="fa fa-angle-right"></i>
													New Email Template 4 </a>
												</li>
												<li>
													<a href="email_newsletter.html">
													<i class="fa fa-angle-right"></i>
													Old Email Template 1 </a>
												</li>
												<li>
													<a href="email_system.html">
													<i class="fa fa-angle-right"></i>
													Old Email Template 2 </a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
					<!-- 问题帮助 end-->
					
					
					
					<!-- 关于我 begin-->
					<li class="menu-dropdown">
						<a href="#" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="苍茫的天涯是我的爱">
						关于我 </a>
					</li>
					<!-- 关于我 end-->

				</ul>
			</div>
			<!-- END MEGA 菜单 -->
		</div>
	</div>
	<!-- END HEADER MENU -->
</div>
<!-- END HEADER -->

</#macro>

					<!-- itjson tabheader选项卡 部 -->
					<#macro tabheader action> 
								<!-- begin tab-header DIV-->
								<ul class="nav nav-tabs">
									<li <#if action == "json"> class="active" </#if> >
										<a href="/itjson/json.html" >JSON格式化</a>
									</li>

									<li <#if action == "yasuo"> class="active" </#if>>
										<a href="/itjson/yasuo.html" >JSON转义压缩/中文Unicode互转</a>
									</li>
								</ul>
								<!-- end tab-header DIV-->
					</#macro>


					<!-- itjson 意见部分 -->
					<#macro advice action>
								<!-- begin 意见DIV-->
								<div class="alert alert-success" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">关闭</span></button>
									<#if action == "json">
										<p><b>Hello，&nbsp;</b>大家在使用的过程中欢迎提意见，我做及时的修改和完善！</p>
									<#elseif action == "yasuo">
										<p><code>[压缩]</code>、<code>[转义]</code>、<code>[压缩并转义JSON]</code>、<code>[去除转义]</code>、<code>[Unicode转中文]</code>、<code>[中文转Unicode]</code>、<code>[中文符号转英文符号]</code></p>
									</#if>

								</div>
								<!-- end 意见DIV-->	
					</#macro>



<!-- itjson footer 部 -->
<#macro footer index>


<!-- BEGIN PRE-FOOTER -->
<div class="page-prefooter">
	<div class="container-fluid">
		<div class="row">
		
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>IT JSON 工具站</h2>
						本网站所有工具，都是站长整合网上已有工具、开源包等，并全部遵循原有协议发布，著作权归属原作者或是团队。
						<small>
						<!--
						<br>
						申明：网站参考了www.sojson.com布局,但绝对不是拷贝,如果客官有更多的需求可以去那里!-->
						<br>
						提示：技术选型jfinal+freemarker前端框架bootstrap【Metronic】
						</small>
			</div>
		
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>关于</h2>
				<p>
					<a href="#">关于我们</a><br>
					<a href="#">广告合作</a><br>
					<a href="#">友情链接</a><br>
				</p>
			</div>

			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>联系方式</h2>
				<p>
					<a href="#">QQ联系我</a><br>
					<a href="#">电子邮件</a><br>
					<a href="#">CDN加速</a><br>
				</p>
			</div>
			
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>赞助商</h2>
				<p>
					<a href="#">XXX存储</a><br>
				</p>
			</div>
		</div>
	</div>
</div>
<!-- END PRE-FOOTER -->



<!-- BEGIN FOOTER -->
<div class="page-footer">
	<div class="container-fluid">
		 京ICP备16015299号-1 
	</div>
</div>

<div class="scroll-to-top">
	<i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->

</#macro>




